<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$config.esetup.seotitle}</title>
    <meta name="keywords" content="{$config.esetup.seokeywords}" />
    <meta name="description" content="{$config.esetup.seodescription}" />
   
	{include:link}
  </head>
<body>
{include:en.head}

  <div class="flash">
      <ul class="bxslider">
       {advertisement banna as $vo}
        <li>
  		  
  		<a href="{$vo.url}">
  	     <img src="{__STATICS__}/{$vo.eimges}" 
  		 alt="{$vo.etitle}" />
  	    </a>
  	  </li>
        {/advertisement}
      </ul>
  </div>
  




<script type="text/javascript">
    $('.bxslider').bxSlider({
      adaptiveHeight: true,
      infiniteLoop: true,
      hideControlOnEnd: true,
      auto:true
    });
</script>

    <div class="container">    
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="product_index">
                        <div class="product_head" data-move-y="-40px">
                           <h2>{$advertisement.product.etitle}</h2>
                           <p>{$advertisement.product.econtent}</p>
                        </div>
                        <div class="product_list">

						{exhibition=>("name"=>"en.product","table"=>"product","sort"=>"ASC","begin"=>0,"rows"=>"8","where"=>"graph!=''") as $vo}
						<div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
						        <a href="{@jmp('en',$vo['static_url'])}">
						            <img  src="{$vo.graph}" class="img-thumbnail" alt="{$vo.ename}">
						        </a>
						        <p class="product_title"><a href="{@jmp('en',$vo['static_url'])}" title="{$vo.ename}">{$vo.ename}</a></p>
						    </div>
						{/exhibition}
						</div>
                </div>
            </div>
        </div>
    </div>

 
 <div class="about_index">
        <div class="container">    
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="about_head" data-move-y="-50px">
 						<h2>{$advertisement.company.etitle}</h2>
 						<p>Company profile</p>
                        
                    </div>
                    <div class="about_content" data-move-y="100px">
                        <p><img align="left" src="{$advertisement.company.eimges}" alt="Company profile">
 						<p class="about_contents">
 	{$advertisement.company.econtent}</p></p>
                        <a href="{$advertisement.company.eurl}" class="btn btn-info" role="button">View details</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
    <div class="case_box">
        <div class="container">    
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="case_head" data-move-y="-50px">
                            <h2>{$advertisement.Successful.etitle}</h2>
                            <p>{$advertisement.Successful.econtent}</p>
                        </div>
                        <div class="case_list">
                        {exhibition => ("name"=>"en.picture","table"=>"picture","sort"=>"ASC","begin"=>0,"rows"=>"8","where"=>"graph!=''") as $vo}
                        <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                                <a href="{@jmp('en',$vo['static_url'])}">
                                    <img  src="{$vo.graph}" class="img-thumbnail" alt="{$vo.ename}">
                                </a>
                                <p class="product_title"><a href="{@jmp('en',$vo['static_url'])}" title="{$vo.ename}">{$vo.ename}</a></p>
                            </div>
						
						{/exhibition}
						
						
						</div>
                </div>
            </div>
        </div>
    </div>




    <div class="advantage" >
        <div class="advantage_head" data-move-y="-50px">
            <p>{$advertisement.advantage.econtent}</p>
            <h2>{$advertisement.advantage.etitle}</h2>
        </div>
        <div class="container advantage_list">    
            <div class="row">
               <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                <div class="col-sm-3 col-md-3">
                  <a href="" target="_blank"><img src="{$advertisement.advantage-1.eimges}" alt="{$advertisement.advantage-1.etitle}"></a>
                </div>
                <div class="col-sm-9 col-md-9">
                    <h4><a href="" target="_blank">{$advertisement.advantage-1.etitle}</a></h4>
                    <span class="txts">{$advertisement.advantage-1.econtent}</span>
                </div>
                </div>
			
			   <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
			    <div class="col-sm-3 col-md-3">
			      <a href="" target="_blank"><img src="{$advertisement.advantage-2.eimges}" alt="{$advertisement.advantage-2.etitle}"></a>
			    </div>
			    <div class="col-sm-9 col-md-9">
			        <h4><a href="" target="_blank">{$advertisement.advantage-2.etitle}</a></h4>
			        <span class="txts">{$advertisement.advantage-2.econtent}</span>
			    </div>
			    </div>
		
			   <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
			    <div class="col-sm-3 col-md-3">
			      <a href="" target="_blank"><img src="{$advertisement.advantage-3.eimges}" alt="{$advertisement.advantage-3.etitle}"></a>
			    </div>
			    <div class="col-sm-9 col-md-9">
			        <h4><a href="" target="_blank">{$advertisement.advantage-3.etitle}</a></h4>
			        <span class="txts">{$advertisement.advantage-3.econtent}</span>
			    </div>
			    </div>
			
			   <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
			    <div class="col-sm-3 col-md-3">
			      <a href="" target="_blank"><img src="{$advertisement.advantage-4.eimges}" alt="{$advertisement.advantage-4.etitle}"></a>
			    </div>
			    <div class="col-sm-9 col-md-9">
			        <h4><a href="" target="_blank">{$advertisement.advantage-4.etitle}</a></h4>
			        <span class="txts">{$advertisement.advantage-4.econtent}</span>
			    </div>
			    </div>
			</div>
			
        </div>
    </div>

<div class="news_box">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="news_head" data-move-y="-50px">
          <h2>{$advertisement.newstxt.etitle}</h2>
          <p>{$advertisement.newstxt.econtent}</p>
        </div>
        <div class="col-sm-4 col-md-4 col-mm-6 news_img" style="margin-top:23px;background-image: url({$advertisement.newstxt.eimges});"></div>
        <div class="col-sm-12 col-md-8 col-mm-12">
          <ul class="news_index" data-move-y="200px">{exhibition => ("name"=>"en.news","table"=>"news","sort"=>"ASC","begin"=>0,"rows"=>"{$config.web.news}","where"=>"") as $vo}
                 <li>
            	  <span>
            	    <strong>{@date('d',$vo['add_time'])}</strong>
            	    <i>{@date('Y-m',$vo['add_time'])}</i>
            	  </span>
            	  <a href="{@jmp('en',$vo['static_url'])}" title="{$vo.ename}">{$vo.ename}</a><br>
            	  <em><em>{$vo.eseodescription}</em></em>
            	</li>
			        {/exhibition}</ul>
        </div>
      </div>
    </div>
  </div>
</div>


    

    <div class="link_box">
        <div class="container">
          <span class="link_title">Links</span><button id="link_btn" class="glyphicon glyphicon-plus" aria-hidden="true"></button>
          <span class="link_list">
			  {exhibition =>("name"=>"en.links","table"=>"links","sort"=>"ASC","begin"=>0,"rows"=>"20","where"=>"") as $vo}
			  <a target="_blank" href="{$vo.eurl}">{$vo.eurlname}</a> 
			  {/exhibition}
    	
          </span>
        </div>
    </div>
	
	</div>
	
	<div class="tags_box">
	    <div class="container">
		<span class="tags_title"><a href="{@jmp('en','tagsall')}" role="button">All Tage</a></span>
		<button id="tags_btn" class="glyphicon glyphicon-plus" aria-hidden="true"></button>
		<span class="tags_rows">
			
			{exhibition => ("name"=>"en.tags","table"=>"tags","sort"=>"ASC","begin"=>0,"rows"=>"20","where"=>"") as $vo}
			<a target="_blank"  role="button"   href="{@jmp('en',"tags-".$vo['id'])}">{$vo.ename}</a> 
			{/exhibition}
		   	</span>
	    </div>
	</div>
    

    <script src="{__STATICS__}/js/jquery.smoove.min.js"></script>
    <script>$('.product_head,.product_img,.advantage_head,.advantage_col,.about_head,.about_content,.case_head,.news_head,.news_index').smoove({offset:'10%'});</script>
     
    {include:en.bottom}

  </body>
</html>
